<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>选择元素</title>
</head>
<body>
    <script src="js/jquery.js"></script>
    <script>
        function addClasses() {
            $(document).ready(function () {
                $('#selected-plays > li').addClass('horizontal');
            });
        }

        function reverse() {
            $(document).ready(function () {
                $('#selected-plays li:not(.horizontal)').addClass('sub-level');
            })
        }

        function attributeSelectors() {
            $('img[alt]');
        }

        function emailLinks() {
            $('a[href^="mailto:"]').addClass('mailto');
        }

        function pdfLink() {
            $('a[href$=".pdf"]').addClass('pdf-link');
        }

        function anyHenryLinks() {
            $('a[href$="http"][href*="henry"]').addClass('henry-link');
        }

        function customSelectors() {
            $('div.horizontal:eq(1)');
        }

        function evenSelectors() {
            $('tr:even').addClass('alt');
        }

        function evenSelectorsAnotherTable() {
            $('tr:nth-child(odd)').addClass('alt');
        }

        function containsSelectors() {
            $('td:contains(Henry)').addClass('hightlight');
        }

        function formSelectors() {
            $('input[type="radio"]:checked');
            $('input[type="password"], input[type="text"]:disabled');
        }

        function foreachMethods() {
            $('tr').filter(':even').addClass('alt');
        }

        function filterMethods() {
            $('a').filter(function () {
                return this.hostname && this.hostname !== location.hostname;
            }).addClass('external');
        }

        function nextMethods() {
            $('td:contains(Henry)').next().addClass('highlight');
        }

        function nextAllMethods() {
            $('td:contains("henry")').nextAll().addClass('highlight');
        }

        function addBackMethods() {
            $('td:contains("henry")').nextAll().addBack().addClass('highlight');
        }

        function childrenMethods() {
            $('td:contains("Henry")').parent().children().addClass('highlight');
        }

        function clusterMethods() {
            $('td:contains("Henry")').parent().find('td:eq(1)')
                .addClass('highlight').end().find('td:eq(2)')
                .addClass('highlight');
        }

        function cluster2Methods() {
            $('td:contains("Henry")')
                .parent()
                .find('td:eq(1)')
                .addClass('highlight')
                .end()
                .find('td:eq(2)')
                .addClass('highlight');
        }

        function getMethods() {
            var myTag = $('#my-element').get(0).tagName;

            function or() {
                var myTag = $('#my-element')[0].tagName;
            }
        }
    </script>
</body>
</html>